<template>
    <div class='cont-page'>
        <Unitary v-for="item in List.obj" :key="item.id" :obj="item">{{ item }}</Unitary>
    </div>
</template>

<script setup>
import Unitary from './Only-foot.vue'
import { defineProps, ref } from 'vue';

const List = defineProps({
    obj: {
        type: Array,
        default: () => { }
    }
})

// export default {
//     name: 'cont-page',
//     /**
//     * 定义组件的data函数，用于声明组件内部的状态。
//     * 
//     * @returns {Object} 返回一个对象，其中包含组件内部的状态。这些状态将在组件的生命周期内被管理和使用。
//     */
//     // data() {
//     //     return {
//     //     }
//     // },

//     props: ['List'],
//     // props: {
//     //     // List: Array,
//     // },
//     components: {
//         Unitary
//     }
// }
</script>

<style scoped>
.cont-page {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 1200px;
    margin: 0 auto;
    /* border: 1px solid #ccc; */
}
</style>